<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Smarty の構文解析を回避する</title>
<meta name="generator" content="DocBook XSL Stylesheets V1.75.1">
<link rel="home" href="index.html" title="Smarty マニュアル">
<link rel="up" href="language.basic.syntax.html" title="Chapter 3. 基本構文">
<link rel="prev" href="language.math.html" title="演算子">
<link rel="next" href="language.variables.html" title="Chapter 4. 変数">
</head>
<body bgcolor="white" text="black" link="#0000FF" vlink="#840084" alink="#0000FF">
<div class="navheader">
<table width="100%" summary="Navigation header">
<tr><th colspan="3" align="center">Smarty の構文解析を回避する</th></tr>
<tr>
<td width="20%" align="left">
<a accesskey="p" href="language.math.html">Prev</a> </td>
<th width="60%" align="center">Chapter 3. 基本構文</th>
<td width="20%" align="right"> <a accesskey="n" href="language.variables.html">Next</a>
</td>
</tr>
</table>
<hr>
</div>
<div class="sect1" title="Smarty の構文解析を回避する">
<div class="titlepage"><div><div><h2 class="title" style="clear: both">
<a name="language.escaping"></a>Smarty の構文解析を回避する</h2></div></div></div>
<p>
  時々、Smarty の構文解析の対象にしたくないと望む、
  もしくはそうする必要がある部分があります。 典型的な例としては、
  テンプレートに Javascript や CSS コードが含まれるときです。
  それらの言語が Smarty のデフォルトの
  <a class="link" href="language.function.ldelim.html" title="{ldelim},{rdelim}">デリミタ</a>
  である { と } を使用するときに問題が発生します。
 </p>
<p>
  もっとも単純な解決方法は、Javascript と CSS コードをそれぞれファイルに切り分け、
  それらにアクセスするために標準的な HTML の機能を使用する事で状況を回避する事です。
 </p>
<p>
  リテラルコンテンツを含めるには <a class="link" href="language.function.literal.html" title="{literal}">
  <code class="varname">{literal}..{/literal}</code></a> ブロックを使用します。
  HTML エンティティの使用法と同様に、 <a class="link" href="language.function.ldelim.html" title="{ldelim},{rdelim}"><code class="varname">{ldelim}</code></a>、<a class="link" href="language.function.ldelim.html" title="{ldelim},{rdelim}"><code class="varname">{rdelim}</code></a> あるいは <a class="link" href="language.variables.smarty.html#language.variables.smarty.ldelim" title="{$smarty.ldelim}、{$smarty.rdelim}">
  <code class="varname">{$smarty.ldelim}</code></a> を使用して現在のデリミタを表示することができます。
 </p>
<p>
  単純に Smarty の <a class="link" href="variable.left.delimiter.html" title="$left_delimiter">
  <em class="parameter"><code>$left_delimiter</code></em></a> および
  <a class="link" href="variable.right.delimiter.html" title="$right_delimiter">
  <em class="parameter"><code>$right_delimiter</code></em></a>
  を変更するだけでも便利になることが多々あります。
 </p>
<div class="example">
<a name="id2752621"></a><p class="title"><b>Example 3.8. デリミタを変更する例</b></p>
<div class="example-contents">
<pre class="programlisting">

&lt;?php

$smarty-&gt;left_delimiter = '&lt;!--{';
$smarty-&gt;right_delimiter = '}--&gt;';

$smarty-&gt;assign('foo', 'bar');
$smarty-&gt;assign('name', 'Albert');
$smarty-&gt;display('example.tpl');

?&gt;

  </pre>
<p>
   テンプレートはこのようになります。
  </p>
<pre class="programlisting">

Welcome &lt;!--{$name}--&gt; to Smarty
&lt;script language="javascript"&gt;
  var foo = &lt;!--{$foo}--&gt;;
  function dosomething() {
    alert("foo is " + foo);
  }
  dosomething();
&lt;/script&gt;

  </pre>
</div>
</div>
<br class="example-break">
</div>
<div class="navfooter">
<hr>
<table width="100%" summary="Navigation footer">
<tr>
<td width="40%" align="left">
<a accesskey="p" href="language.math.html">Prev</a> </td>
<td width="20%" align="center"><a accesskey="u" href="language.basic.syntax.html">Up</a></td>
<td width="40%" align="right"> <a accesskey="n" href="language.variables.html">Next</a>
</td>
</tr>
<tr>
<td width="40%" align="left" valign="top">演算子 </td>
<td width="20%" align="center"><a accesskey="h" href="index.html">Home</a></td>
<td width="40%" align="right" valign="top"> Chapter 4. 変数</td>
</tr>
</table>
</div>
</body>
</html>
